<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <title>CSS 流式响应式布局 </title>
    <link rel="stylesheet" href="./style/boxModel.css" />
</head>
<body>
    <div class="container">
        <div class="banner">
            <img src="https://mmbiz.qpic.cn/mmbiz_png/94RefyjDzyXry3xSK3qaBywzeRDeb5FzCLsXt0K0D5NwqFz9m5uicmWo7KZzDUibArccu55Q3ic56o6EibInVSSngg/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1&tp=webp" alt="加载中"/>
        </div>
        <div class="article">
            <h2>北欧四国丨极致秋色</h2>
            <p>
                10月
                <br/>
                北欧四国不止童话，被忽略的秋色必须要告诉你，“丹麦、芬兰、挪威、瑞典”风光深度摄影创作团
            </p>
        </div>
        <div class="article">
            <h2>秋季才是北欧的最佳拍摄季节</h2>
            <p>
                北欧四国
                <br/>
                经济发达工资高福利好不说，景色更是美呆了这里的秋天，暑气消去层林尽染，湖光山色，美不胜收如果爱好摄影，秋季的北欧不得不去
            </p>
        </div>
        <div class="article">
            <h2>北欧是童话世界</h2>
            <p>
                北欧四国
                <br/>
                指的是丹麦、瑞典、挪威和芬兰。它们，是名副其实的童话世界，有安徒生笔下小美人鱼的丹麦、北海小英雄的发源地挪威、圣诞老公公的故乡芬兰，随意步入一个小镇，那色彩纷呈的街道房屋让你觉得自己就在童话中~
            </p>
        </div>
        <div class="article">
            <h2>哥本哈根</h2>
            <p>
                五月
                <br/>
                晴光照太清，四郎岛上话牛耕；樱花吐艳梨花素，泉水喷去海水平。湾畔人鱼疑入梦，馆中雕塑浑如生；北欧风物今观遍，民情最美数丹京。”郭沫若在游遍北欧诸国之后曾经写下这样一首赞美哥本哈根的诗。
            </p>
        </div>
        <div class="banner">
            <img src="https://mmbiz.qpic.cn/mmbiz_jpg/ibTaIskY8ybRia9ulJdO5IogRo4BUib8IBGDgKWiaYj6eL4JVb9dNuY8J0tdVMPyXRNm8OIjiaLNXAd7ZHJaZeL0xnw/640?wx_fmt=jpeg&from=appmsg&wxfrom=5&wx_lazy=1&wx_co=1&tp=webp" alt="加载中"/>
        </div>
    </div>
</body>
</html>